<template>
  <el-card class="box-card card-top">
    <div class="clearfix">
      <span v-if="info.type!=''" class="tilte-type">{{info.type}}/</span><span class="card-title">{{info.text}}</span><span>-</span><span class="msg">{{info.msg}}</span>
    </div>
  </el-card>
</template>

<script>
export default {
  name: "conTitle",
  props:{info:{}},
};
</script>

<style scoped lang="scss">
.card-top{
  margin-bottom: 10px;
  font-size: 16px;
  .tilte-type{
    color: #ccc;
  }
  .card-title{
    font-size: 18px;
    font-weight: bold;
  }
  .msg{
    font-size: 14px;
  }

}

</style>